<template id="contact">

  <div style="text-align: center">

    <carouselcompent></carouselcompent>
    <h1 id="textTest">Home</h1>
    <div>
      <el-button type="primary" round @click="open">专业目录</el-button>
      <el-button type="success" round>成功按钮</el-button>
      <el-button type="info" round>信息按钮</el-button>
      <el-button type="warning" round>警告按钮</el-button>
      <el-button type="danger" round>危险按钮</el-button>
    </div>

  </div>
</template>

<script>
    import headcompent from '../components/head.vue'
    import carouselcompent from '../components/Carousel.vue'
    export default {
      methods:{
        open() {
          this.$message({
            message: '恭喜你，这是一条成功消息',
            type: 'success'
          });
          this.$router.push('/zyml');
          // this.$message('这是一条消息提示');
        }
      },components:{
        headcompent,carouselcompent
      }

    }
</script>

<style scoped>

</style>
